草庐IT

HTML5 拖放(Drag 和 Drop)

全部标签

javascript - 使用 Jquery draggable 将拖放/附加功能应用于 JSTreegraph

我正在使用JSTreegraph绘制树结构的插件。但是现在我需要一个拖放和附加功能,其中我可以拖动树的任何节点并附加到任何其他节点,随后第一个节点的所有子节点现在将成为新节点的孙节点(它被附上)。据我所知这个插件似乎没有这个功能。它只是根据传递给它的数据对象绘制结构。该插件基本上将一个类Node分配给树的所有节点(divs),将另一个类NodeHover分配给悬停的节点。没有id分配给这些div。所以我尝试使用JQueryDraggable来查看是否可以通过这样做移动任何节点$('.Node').draggable();$('.NodeHover').draggable();但是好像不

javascript - 在 .html() 和 .text() 中获取高亮文本位置

我正在使用以下脚本来获取突出显示文本的位置:functiongetSelectionCharOffsetsWithin(element){varstart=0,end=0;varsel,range,priorRange;if(typeofwindow.getSelection!="undefined"){range=window.getSelection().getRangeAt(0);priorRange=range.cloneRange();priorRange.selectNodeContents(element);priorRange.setEnd(range.startCon

javascript - 将 html 模板文件合并为一个 JS 文件

我有HTML模板文件(下划线模板语法)这些文件以HTML格式保存,因此易于编辑(IDE语法高亮)我不想使用ajax获取它们,而是将它们全部组合起来并将它们包含为一个js文件。使用GULP作为我的任务运行器,我希望它能以某种方式combineallHTML到类似这样的东西,作为我可以包含在我的构建过程中的javascript文件:template_file_name是HTML文件名。vartemplates={template_file_name:'...templateHTMLstring...',template_file_name2:'...templateHTMLstring..

javascript - 增加 video-js HTML5 播放器的缓冲区大小或时间

如何增加video-jsHTML5播放器的缓冲?我有一台美国服务器,在美国一切正常,但欧盟的客户存在与视频缓存相关的加载问题。video.js中的缓冲区大小是常量值,我想更改它。 最佳答案 您现在可以通过修改videojs.Hls.GOAL_BUFFER_LENGTH来自定义缓冲区长度以更改HLS视频的缓冲区大小,我试过了并且对我有用 关于javascript-增加video-jsHTML5播放器的缓冲区大小或时间,我们在StackOverflow上找到一个类似的问题:

javascript - HTML 选择元素上的 Cordova/UWP Windows Mobile 10 访问冲突

在VisualStudio2015Update3中,我创建了一个JavaScript->Windows->Windows8->WindowsPhone->BlankApp(WindowsPhone)项目。然后我更改了default.html包括像这样的元素:App1ValValValVal点击选择元素时,应用程序崩溃WindowsMobile10:'WWAHost.exe'(Script):Loaded'ScriptCode(MSAppHost/2.0)'.Theprogram'[3976]WWAHost.exe'hasexitedwithcode-1073741819(0xc0000

javascript - 使用 Dagre d3 缩放后重新渲染 HTML

编辑我找到了一个涉及使用稍旧版本的dagre-d3库(4.11)的解决方案。如果有人能找到最新版本的问题,那也会有所帮助。谢谢我正在使用Dagred3绘制一些图表。当我最初渲染我的图表时,我会这样做g=newdagreD3.graphlib.Graph().setGraph({}).setDefaultEdgeLabel(function(){return{};});varsvg=d3.select("svg"),inner=svg.select("g");svgGroup=svg.append("g");varrender=newdagreD3.render();render(d3.

javascript - Google Places API 中具有关联 html_attributions 的地点或 place_id(用于测试目的)是什么?

我们正在使用GooglePlacesPlaceDetailsAPI(更具体地说,GoogleMapsJavascriptAPI)。作为使用条款的一部分,我们必须显示响应中html_attributions的值(如果存在)。但是,在尝试测试我们的实现时,我很难找到place的PlacesService.getDetails()响应包含非空值html_属性。PlaceDetailsAPI将为其返回非空html_attributions的示例place_id或地点是否有引用页? 最佳答案 如下所述docs,如果您从google复制任何内容

javascript - CKEditor 5 - 如何插入一些 HTML(也就是源模式在哪里)?

我希望能够从所见即所得切换到纯HTML,例如插入IFrameYoutube视频。到目前为止,对于标准的CKEditor5构建,没有关于如何做到这一点的文档。有没有等同于SourceEditingArea的插件但适用于CKEditor5? 最佳答案 是的,可以将html插入CKEditor5:insertHTML(html:string){//See:https://ckeditor.com/docs/ckeditor5/latest/builds/guides/faq.html#where-are-the-editorinserth

javascript - CORS 请求在本地打开的 html 文件中被阻止

我已经开始编写一个用JavaScript显示数据的HTML文件。因为它应该尽可能简单地完成我不想运行nodejsoder任何其他本地http服务器。我刚刚在浏览器中打开了HTML文件(url是file:///home/visu/index.htm)。一切都很好,直到在index.htm中完成对在线API的jqueryajax请求。浏览器通过消息阻止请求:Cross-OriginRequestBlocked:TheSameOriginPolicydisallowsreadingtheremoteresourceathttp://x.x.x.x.(Reason:CORSheader‘Acc

javascript - 取消按键拖动 Angular cdk Drag and Drop

我在一个应用程序中工作,该应用程序从AngularMaterialCDK实现新的拖放,我试图取消按Esc的元素的拖动事件,我的意思是,我开始拖动元素,但如果我在拖动元素时按Esc,它应该回到我开始拖动它的位置,到目前为止我还没有找到这样做的方法,有没有人知道我该怎么做。cdk文档中没有关于此任何想法的任何内容。我试着做这样的事情。模板{{movie}}Ts组件onDragEnded(event:CdkDragEnd){console.log(event)event.source.element.nativeElement.style.transform='none';constsour